webpackJsonp([155],{

/***/ 1860:
/***/ (function(module, exports) {

module.exports = {
  "content": [
    "section",
    [
      "p",
      "下拉选择器。"
    ],
    [
      "h2",
      "何时使用"
    ],
    [
      "ul",
      [
        "li",
        [
          "p",
          "弹出一个下拉菜单给用户选择操作，用于代替原生的选择器，或者需要一个更优雅的多选器时。"
        ]
      ],
      [
        "li",
        [
          "p",
          "当选项少时（少于 5 项），建议直接将选项平铺，使用 ",
          [
            "a",
            {
              "title": null,
              "href": "/components/radio/"
            },
            "Radio"
          ],
          " 是更好的选择。"
        ]
      ]
    ]
  ],
  "meta": {
    "category": "Components",
    "subtitle": "选择器",
    "type": "Data Entry",
    "title": "Select",
    "filename": "components/select/index.zh-CN.md"
  },
  "toc": [
    "ul",
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#何时使用",
          "title": "何时使用"
        },
        "何时使用"
      ]
    ],
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#API",
          "title": "API"
        },
        "API"
      ]
    ]
  ],
  "api": [
    "section",
    [
      "h2",
      "API"
    ],
    [
      "pre",
      {
        "lang": "html",
        "highlighted": "<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>Select</span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>Option</span> <span class=\"token attr-name\">value</span><span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>lucy<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span>lucy<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>Option</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>Select</span><span class=\"token punctuation\">></span></span>"
      },
      [
        "code",
        "<Select>\n  <Option value=\"lucy\">lucy</Option>\n</Select>"
      ]
    ],
    [
      "h3",
      "Select props"
    ],
    [
      "table",
      [
        "thead",
        [
          "tr",
          [
            "th",
            "参数"
          ],
          [
            "th",
            "说明"
          ],
          [
            "th",
            "类型"
          ],
          [
            "th",
            "默认值"
          ]
        ]
      ],
      [
        "tbody",
        [
          "tr",
          [
            "td",
            "allowClear"
          ],
          [
            "td",
            "支持清除"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "autoClearSearchValue"
          ],
          [
            "td",
            "是否在选中项后清空搜索框，只在 ",
            [
              "code",
              "mode"
            ],
            " 为 ",
            [
              "code",
              "multiple"
            ],
            " 或 ",
            [
              "code",
              "tags"
            ],
            " 时有效。"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "true"
          ]
        ],
        [
          "tr",
          [
            "td",
            "autoFocus"
          ],
          [
            "td",
            "默认获取焦点"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "defaultActiveFirstOption"
          ],
          [
            "td",
            "是否默认高亮第一个选项。"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "true"
          ]
        ],
        [
          "tr",
          [
            "td",
            "defaultValue"
          ],
          [
            "td",
            "指定默认选中的条目"
          ],
          [
            "td",
            "string",
            "|",
            "string",
            "[",
            "]",
            [
              "br"
            ],
            "number",
            "|",
            "number",
            "[",
            "]"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "disabled"
          ],
          [
            "td",
            "是否禁用"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "dropdownClassName"
          ],
          [
            "td",
            "下拉菜单的 className 属性"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "dropdownMatchSelectWidth"
          ],
          [
            "td",
            "下拉菜单和选择器同宽"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "true"
          ]
        ],
        [
          "tr",
          [
            "td",
            "dropdownStyle"
          ],
          [
            "td",
            "下拉菜单的 style 属性"
          ],
          [
            "td",
            "object"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "filterOption"
          ],
          [
            "td",
            "是否根据输入项进行筛选。当其为一个函数时，会接收 ",
            [
              "code",
              "inputValue"
            ],
            " ",
            [
              "code",
              "option"
            ],
            " 两个参数，当 ",
            [
              "code",
              "option"
            ],
            " 符合筛选条件时，应返回 ",
            [
              "code",
              "true"
            ],
            "，反之则返回 ",
            [
              "code",
              "false"
            ],
            "。"
          ],
          [
            "td",
            "boolean or function(inputValue, option)"
          ],
          [
            "td",
            "true"
          ]
        ],
        [
          "tr",
          [
            "td",
            "firstActiveValue"
          ],
          [
            "td",
            "默认高亮的选项"
          ],
          [
            "td",
            "string",
            "|",
            "string",
            "[",
            "]"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "getPopupContainer"
          ],
          [
            "td",
            "菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。",
            [
              "a",
              {
                "title": null,
                "href": "https://codesandbox.io/s/4j168r7jw0"
              },
              "示例"
            ]
          ],
          [
            "td",
            "Function(triggerNode)"
          ],
          [
            "td",
            "() => document.body"
          ]
        ],
        [
          "tr",
          [
            "td",
            "labelInValue"
          ],
          [
            "td",
            "是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 ",
            [
              "code",
              "string"
            ],
            " 变为 ",
            [
              "code",
              "{key: string, label: ReactNode}"
            ],
            " 的格式"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "maxTagCount"
          ],
          [
            "td",
            "最多显示多少个 tag"
          ],
          [
            "td",
            "number"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "maxTagPlaceholder"
          ],
          [
            "td",
            "隐藏 tag 时显示的内容"
          ],
          [
            "td",
            "ReactNode/function(omittedValues)"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "mode"
          ],
          [
            "td",
            "设置 Select 的模式为多选或标签"
          ],
          [
            "td",
            "'multiple' ",
            "|",
            " 'tags'"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "notFoundContent"
          ],
          [
            "td",
            "当下拉列表为空时显示的内容"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "'Not Found'"
          ]
        ],
        [
          "tr",
          [
            "td",
            "optionFilterProp"
          ],
          [
            "td",
            "搜索时过滤对应的 option 属性，如设置为 children 表示对内嵌内容进行搜索"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "value"
          ]
        ],
        [
          "tr",
          [
            "td",
            "optionLabelProp"
          ],
          [
            "td",
            "回填到选择框的 Option 的属性值，默认是 Option 的子元素。比如在子元素需要高亮效果时，此值可以设为 ",
            [
              "code",
              "value"
            ],
            "。"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            [
              "code",
              "children"
            ],
            " （combobox 模式下为 ",
            [
              "code",
              "value"
            ],
            "）"
          ]
        ],
        [
          "tr",
          [
            "td",
            "placeholder"
          ],
          [
            "td",
            "选择框默认文字"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "showArrow"
          ],
          [
            "td",
            "是否显示下拉小箭头"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "true"
          ]
        ],
        [
          "tr",
          [
            "td",
            "showSearch"
          ],
          [
            "td",
            "使单选模式可搜索"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "size"
          ],
          [
            "td",
            "选择框大小，可选 ",
            [
              "code",
              "large"
            ],
            " ",
            [
              "code",
              "small"
            ]
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "default"
          ]
        ],
        [
          "tr",
          [
            "td",
            "suffixIcon"
          ],
          [
            "td",
            "自定义的选择框后缀图标"
          ],
          [
            "td",
            "ReactNode"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "tokenSeparators"
          ],
          [
            "td",
            "在 tags 和 multiple 模式下自动分词的分隔符"
          ],
          [
            "td",
            "string",
            "[",
            "]"
          ],
          [
            "td"
          ]
        ],
        [
          "tr",
          [
            "td",
            "value"
          ],
          [
            "td",
            "指定当前选中的条目"
          ],
          [
            "td",
            "string",
            "|",
            "string",
            "[",
            "]",
            "|",
            "number",
            "|",
            "number",
            "[",
            "]"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onBlur"
          ],
          [
            "td",
            "失去焦点的时回调"
          ],
          [
            "td",
            "function"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onChange"
          ],
          [
            "td",
            "选中 option，或 input 的 value 变化（combobox 模式下）时，调用此函数"
          ],
          [
            "td",
            "function(value, option:Option/Array",
            "<",
            "Option>)"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onDeselect"
          ],
          [
            "td",
            "取消选中时调用，参数为选中项的 value (或 key) 值，仅在 multiple 或 tags 模式下生效"
          ],
          [
            "td",
            "function(value，option:Option)"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onFocus"
          ],
          [
            "td",
            "获得焦点时回调"
          ],
          [
            "td",
            "function"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onMouseEnter"
          ],
          [
            "td",
            "鼠标移入时回调"
          ],
          [
            "td",
            "function"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onMouseLeave"
          ],
          [
            "td",
            "鼠标移出时回调"
          ],
          [
            "td",
            "function"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onPopupScroll"
          ],
          [
            "td",
            "下拉列表滚动时的回调"
          ],
          [
            "td",
            "function"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onSearch"
          ],
          [
            "td",
            "文本框值变化时回调"
          ],
          [
            "td",
            "function(value: string)"
          ],
          [
            "td"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onSelect"
          ],
          [
            "td",
            "被选中时调用，参数为选中项的 value (或 key) 值"
          ],
          [
            "td",
            "function(value, option:Option)"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "defaultOpen"
          ],
          [
            "td",
            "是否默认展开下拉菜单"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "open"
          ],
          [
            "td",
            "是否展开下拉菜单"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onDropdownVisibleChange"
          ],
          [
            "td",
            "展开下拉菜单的回调"
          ],
          [
            "td",
            "function(open)"
          ],
          [
            "td",
            "-"
          ]
        ]
      ]
    ],
    [
      "blockquote",
      [
        "p",
        "注意，如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用 ",
        [
          "code",
          "getPopupContainer={triggerNode => triggerNode.parentNode}"
        ],
        " 将下拉弹层渲染节点固定在触发器的父元素中。"
      ]
    ],
    [
      "h3",
      "Select Methods"
    ],
    [
      "table",
      [
        "thead",
        [
          "tr",
          [
            "th",
            "名称"
          ],
          [
            "th",
            "说明"
          ]
        ]
      ],
      [
        "tbody",
        [
          "tr",
          [
            "td",
            "blur()"
          ],
          [
            "td",
            "取消焦点"
          ]
        ],
        [
          "tr",
          [
            "td",
            "focus()"
          ],
          [
            "td",
            "获取焦点"
          ]
        ]
      ]
    ],
    [
      "h3",
      "Option props"
    ],
    [
      "table",
      [
        "thead",
        [
          "tr",
          [
            "th",
            "参数"
          ],
          [
            "th",
            "说明"
          ],
          [
            "th",
            "类型"
          ],
          [
            "th",
            "默认值"
          ]
        ]
      ],
      [
        "tbody",
        [
          "tr",
          [
            "td",
            "disabled"
          ],
          [
            "td",
            "是否禁用"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "key"
          ],
          [
            "td",
            "和 value 含义一致。如果 React 需要你设置此项，此项值与 value 的值相同，然后可以省略 value 设置"
          ],
          [
            "td",
            "string"
          ],
          [
            "td"
          ]
        ],
        [
          "tr",
          [
            "td",
            "title"
          ],
          [
            "td",
            "选中该 Option 后，Select 的 title"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "value"
          ],
          [
            "td",
            "默认根据此属性值进行筛选"
          ],
          [
            "td",
            "string",
            "|",
            "number"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "className"
          ],
          [
            "td",
            "Option 器类名"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ]
      ]
    ],
    [
      "h3",
      "OptGroup props"
    ],
    [
      "table",
      [
        "thead",
        [
          "tr",
          [
            "th",
            "参数"
          ],
          [
            "th",
            "说明"
          ],
          [
            "th",
            "类型"
          ],
          [
            "th",
            "默认值"
          ]
        ]
      ],
      [
        "tbody",
        [
          "tr",
          [
            "td",
            "key"
          ],
          [
            "td"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "label"
          ],
          [
            "td",
            "组名"
          ],
          [
            "td",
            "string",
            "|",
            "React.Element"
          ],
          [
            "td",
            "无"
          ]
        ]
      ]
    ]
  ]
};

/***/ })

});